/*

	Theme Name: Felis
	Description: Flexible & Multipurpose html/css template
	Author: fireform 
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	
	Designed & Coded by Fireform
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

	--------------------------------------------------------------------------

	1.	Document Setup (body, common classes, structure etc.)
	
	2.	Home page styles
	
		2-1.	Logo and Nav Menu
		2-2.	Slider
		2-3. 	Check It!
		2-4		Content Slider styles
		2-5.	Images and effects
		

	3.	About page styles
		
	4.	Services page styles
	
	5.	Portfolio V1 styles
	
	6.  Portfolio V2 styles
	
	7.	Blog Template

		7-1.	Posts
		7-2.	Comments
		7-3.	Replay form
		
	8.	Contact page styles
		
	9.	Footer Styles

*/
/*--------------------------- 1 - START DOCUMENT SETUP, COMMON CLASSES ------*/
header,content,footer {
	clear:both;
	display:block
}

input,textarea {
	outline:none
}

body {
	background-color:#f0f0f0;
	font-size:13px;
	color:#656565;
	font-family:'PT Sans',sans-serif;
	min-height:100%;
	height:auto!important;
	height:100%
}

html,body {
	width:100%;
	min-width:980px
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.clearfix:before,.clearfix:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.clearfix:after {
	clear:both
}

.clearfix {
	zoom:1
}

/*--------------------------- START THEME COLOR -----------------------------*/
.nivo-caption p span,.nivo-caption p p,.breadcramp p,.breadcramp span,.tipswift-inner {
	background:#2a9ac9
}

.proj-img a:hover {
	background:url(../images/more-bt.png) #2a9ac9 50% 50% no-repeat
}

.proj-img a.zoom:hover {
	background:url(../images/zoom.png) #2a9ac9 50% 50% no-repeat;
	z-index:50
}

.search-btn input:hover {
	background:url(../images/search.png) #2a9ac9 no-repeat 45% 50%;
	cursor:pointer
}

.tipswift {
	border-color:#2a9ac9
}

ul.accordion li a.title:hover {
	border-color:#2a9ac9;
	background:url(../images/accordion-bg.png) #2a9ac9 repeat-x left bottom
}

a:hover,a.clr-link,.clr,.short-tour h2 span,ul.navmenu li ul li a:hover,.tweet_text a,.post p span strong a:hover,#map-side-bar div.map-location a:hover {
	color:#2a9ac9
}

/*--------------------------- END THEME COLOR -------------------------------*/
/*-------------------- START HEADER AND FOOTER BACKGROUND -------------------*/
#top-container {
	background:url(../images/patterns/pattern3.png) #e8e8e8 repeat
/*	background:url(../images/patterns/pattern3.png) #282828 repeat */
}

#footer-wrap {
	background:url(../images/patterns/pattern3-footer.png) #282828 repeat
}

/*-------------------- END HEADER AND FOOTER BACKGROUND ---------------------*/
a.visited,a,.portfolio-pagn span a.page-active,.portfolio-pagn span a:hover {
	color:#656565;
	text-decoration:none
}

p {
	line-height:1.6em;
	margin-bottom:7px
}

.float-l {
	float:left
}

.float-r {
	float:right
}

.bott-27 {
	margin-bottom:27px
}

.bott-15 {
	margin-bottom:15px
}

.ml-10 {
	margin-left:10px
}

.wrap720 {
	width:720px
}

.col1-2,.col1-3,.small-post,.col1-4,.wrap720,.col1-5,.col1-6,.col1-12,.item-holder1,.col2-3 {
	float:left;
	margin-right:20px
}

.col1-2 {
	width:460px
}

.col1-3 {
	width:300px
}

.col1-4 {
	width:220px
}

.col1-5 {
	width:172px
}

.col1-6,.item-holder1 {
	width:140px
}

.col4-1 {
	width:700px
}

.col1-12 {
	width:50px
}

.col2-3 {
	width:620px
}

.small-post {
	width:350px
}

.omega {
	margin-right:0
}

h1,h2,h3,h4,h5,h6,.heading a,.post-mod h6 a,.descr a,.mini-menu span.phone,.post p.auth-cat,.tweet_text a:hover,.post p span strong a,a.clr-link:hover {
	color:#202020
}

.mini-menu span.mini,.search,.mini-menu span span,ul.navmenu li,ul.portfolio-filter li,.button,.button span,.button input,.button-t-s,.button-t-s span,.portfolio-pagn span,.portfolio-pagn span a,.content-slider-nav #myController span.jFlowControl,.proj-img a,.proj-img a.zoom,.proj-img a,ul.accordion li a.title {
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px
}

/*--------------------------- 1 - END DOCUMENT SETUP, COMMON CLASSES ------*/
/*--------------------------- 2 - START HOME PAGE STYLES ------------------*/
#top-container {
	width:100%;
	height:587px;
	position:relative
}

#top-container .shine-top,#top-container.inner-pages .shine-top {
	position:absolute;
	top:0;
	left:0;
	height:587px;
	width:100%;
	min-width:980px;
	background:url(../images/top-shine.png) no-repeat 50% 0
}

#top-container.inner-pages, #top-container.inner-pages .shine-top {
	height:327px
}

.bottom-mask {
	position:absolute;
	left:0;
	bottom:0;
	height:45px;
	width:100%;
	min-width:980px;
	z-index:400;
	background:url(../images/bottom-mask.png) no-repeat 50% 0
}

.top-wrap,#content {
	width:980px;
	margin:0 auto
}

.top-info {
	padding:16px 20px;
	font-size:12px;
	position:relative;
	z-index:10
}

.nivoSlider, .mini-menu {
	overflow:hidden
}

.mini-menu span.mini,.search {
	height:28px;
	background-color:rgba(0,0,0,.05)!important
}

.mini-menu span span {
	height:26px;
	padding:0 16px;
	background:#fff;
	display:block
}

.mini-menu span span a {
	display:block;
	height:100%;
	line-height:23px;
	float:left
}

.mini-menu span span img {
	display:block;
	float:left
}

.mini-menu span.phone {
	float:left;
	margin-left:25px;
	display:block;
	height:26px;
	line-height:23px
}

#search div {
	display:inline;
	float:left
}

#search div input {
	height:26px;
	color:#959595;
	line-height:22px
}

#search div input.field {
	-moz-border-radius:50px 0 0 50px;
	-webkit-border-radius:50px 0 0 50px;
	border-radius:50px 0 0 50px;
	padding:0 16px
}

.search-btn input {
	width:40px;
	background:url(../images/search.png) #bebebe no-repeat 45% 50%;
	-moz-border-radius:0 50px 50px 0;
	-webkit-border-radius:0 50px 50px 0;
	border-radius:0 50px 50px 0
}

.inner {
	padding:0 20px;
	background:#fff
}

.inner-blank {
	padding:0 20px
}

.inner-t {
	padding:40px 0 30px;
	overflow:hidden
}

.shady {
	height:3px;
	width:100%;
	background:#e4e4e4
}

/*--------------------------- 2-1 - START LOGO AND NAV --------------------*/
.logo-menu {
	z-index:500;
	height:111px;
	background:#fff;
	position:relative
}

.logo {
	position:absolute;
	height:40px;
	display:block;
	bottom:37px;
	left:34px
}

ul.navmenu {
	position:absolute;
	list-style:none;
	height:67px;
	bottom:0;
	right:20px
}

ul.navmenu li,ul.portfolio-filter li {
	position:relative;
	border:1px #fff solid;
	line-height:1em;
	left:0;
	top:0;
	font-size:14px;
	display:block;
	margin-left:18px;
	float:left
}

ul.portfolio-filter li {
	border-color:#f0f0f0;
	margin:0 10px 0 0
}

ul.navmenu li a,ul.portfolio-filter li a {
	display:block;
	line-height:1em;
	padding:4px 14px
}

ul.navmenu li a.drop {
	padding-right:28px;
	background:url(../images/drop.png) no-repeat right center
}

ul.navmenu li.curr,ul.navmenu li:hover,ul.portfolio-filter li.curr,ul.portfolio-filter li:hover {
	border:1px #e3e3e3 solid;
	background:url(../images/menugrad.png) #fff repeat-x left bottom
}

ul.navmenu li a:hover,ul.portfolio-filter li a:hover {
	color:#656565
}

ul.navmenu li ul {
	display:none;
	padding-bottom:3px;
	width:178px;
	font-size:13px;
	position:absolute;
	background:url(../images/drop-shad.png) repeat-x left bottom
}

ul.navmenu li ul li:first-child,ul.navmenu li ul li:first-child:hover {
	margin-top:1px;
	padding-top:40px;
	background:url(../images/heading-bg.gif) #fff no-repeat right 30px
}

ul.navmenu li ul li:last-child {
	padding-bottom:15px
}

ul.navmenu li ul li {
	background:#fff;
	clear:both;
	width:100%;
	height:auto;
	border:0;
	margin:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0
}

ul.navmenu li ul li a {
	display:block;
	padding:10px 15px
}

ul.navmenu li ul li:hover {
	border:0;
	background:#fff
}

/*--------------------------- 2-1 - END LOGO AND NAV --------------------*/
/*--------------------------- 2-2 - START SLIDER ------------------------*/
/*---------- Other styles of the Slider at js/nivo/nivo-slider.css ------*/
.main-slider,.portfolio-slider {
	background:url(../images/loading.gif) #f7f7f7 no-repeat 50% 50%
}

.nivo-caption,.nivo-caption p {
	color:#fff
}

/*--------------------------- 2-2 - END SLIDER --------------------------*/
/*--------------------------- 2-3 - START CHECK IT ----------------------*/
.short-tour,.page-description {
	color:#202020;
	padding:11px 10px 20px 10px;
	overflow:hidden
}

.page-description {
	font-size:18px;
	padding:0 0 20px
}

.page-description span {
	line-height:1.5em;
	max-width:460px
}

.short-tour div {
	line-height:1.6em;
	width:780px
}

.short-tour p {
	color:#656565;
	margin-top:4px;
	font-size:16px
}

.short-tour img {
	margin-top:-10px
}

/*--------------------------- 2-3 - END CHECK IT ------------------------*/
.icons .col1-6 {
	text-align:center
}

.icons .col1-6 img.icn {
	margin:10px auto 16px;
	display:block
}

/*Buttons*/
.button,.button span,.button input,.button-t-s,.button-t-s span,.portfolio-pagn span,.portfolio-pagn span a {
	display:inline-block
}

.button,.button-t-s,.portfolio-pagn span {
	color:#202020;
	cursor:pointer;
	font-size:11px;
	line-height:1em;
	margin-top:7px;
	background:url(../images/butt-wrap-bg.png) repeat;
	padding:3px
}

.portfolio-pagn span {
	margin-top:0
}

.button-t-s,.portfolio-pagn span {
	padding:2px
}

.button span {
	position:relative;
	background:url(../images/butt-bg.png) #fff no-repeat right bottom;
	border:1px #c7c7c7 solid;
	padding:6px 35px 6px 15px
}

.button-t-s span,.portfolio-pagn span a {
	width:17px;
	height:17px;
	text-align:center;
	position:relative;
	background:url(../images/menugrad.png) #fff no-repeat right bottom;
	border:1px #c7c7c7 solid;
	padding:6px
}

.portfolio-pagn span a {
	padding:2px 8px;
	line-height:1.5em;
	display:block;
	width:auto
}

.button span:hover,.button input:hover {
	background:url(../images/butt-bg.png) #fff no-repeat right top
}

.portfolio-pagn span a:hover {
	background:url(../images/butt-bg.png) #fff no-repeat left top
}

.button img {
	position:absolute;
	right:10px;
	margin-top:-3px;
	top:50%;
	width:6px;
	height:5px
}

.button.reply img {
	right:6px;
	margin-top:-5px;
	top:50%;
	width:10px;
	height:10px
}

/*--------------------- 2-4 - START CONTENT SLIDER STYLES ---------------*/
.content-slider-nav {
	overflow:hidden;
	margin-top:15px
}

.content-slider-nav div.jFlow-arrows span.jFlowPrev,.content-slider-nav div.jFlow-arrows span.jFlowNext,.works2-prev,.works2-next {
	text-indent:-9999px;
	z-index:1;
	position:relative;
	float:left;
	width:39px;
	height:39px;
	background:url(../images/content-slider-arrows.png) no-repeat left top;
	cursor:pointer
}

.content-slider-nav div.jFlow-arrows span.jFlowNext,.works2-next {
	float:right;
	background:url(../images/content-slider-arrows.png) no-repeat right top
}

.works2-prev,.works2-next {
	float:left
}

.content-slider-nav div.jFlow-arrows span.jFlowPrev:hover,.works2-prev:hover {
	background-position:left bottom
}

.content-slider-nav div.jFlow-arrows span.jFlowNext:hover,.works2-next:hover {
	background-position:right bottom
}

.content-slider-nav div.jFlow-arrows {
	height:39px;
	position:relative
}

#myController {
	position:absolute;
	left:0;
	right:0;
	top:49%;
	height:5px;
	line-height:0;
	text-align:center
}

.content-slider-nav #myController span.jFlowControl {
	cursor:pointer;
	display:inline-block;
	border:1px #202020 solid;
	margin:0 8px;
	width:3px;
	height:3px;
	background:#202020
}

.content-slider-nav #myController span.jFlowControl.jFlowSelected,.content-slider-nav #myController span.jFlowControl:hover {
	background:#fff
}

.jflow-content-slider,.slide-wrapper {
	float:left;
	width:620px;
	overflow:hidden
}

/*--------------------- 2-4 - END CONTENT SLIDER STYLES -----------------*/
/*--------------------- 2-5 - START IMAGES AND EFFECTS ------------------*/
.item-holder,.item-holder1 {
	background:#f0f0f0
}

.item-holder1 {
	position:relative;
	overflow:hidden;
	height:auto;
	padding-bottom:49px
}

.proj-img,.proj-img1 {
	position:relative;
	overflow:hidden
}

.preloader {
	display:block;
	background:url(../images/loading.gif) #f7f7f7 no-repeat 50% 50%
}

.proj-img a {
	opacity:.9;
	filter:alpha(opacity=90);
	display:inline-block;
	width:40px;
	height:40px;
	position:absolute;
	top:-30px;
	left:50%;
	background:url(../images/more-bt.png) #202020 50% 50% no-repeat;
	margin-top:-20px;
	z-index:10
}

.proj-img img,.proj-img1 img {
	display:block
}

.proj-img.works1 img {
	width:680px
}

.proj-img img.l-w {
	width:300px;
	height:145px
}

.proj-img img.o-t {
	width:140px;
	height:105px
}

.proj-img a.zoom {
	background:url(../images/zoom.png) #202020 50% 50% no-repeat;
	margin-left:-37px
}

.proj-img.works1 a,.proj-img.works2 a {
	margin-left:-20px
}

.proj-img a {
	margin-left:-3px
}

.proj-img i {
	display:block;
	font-style:normal;
	position:absolute;
	width:100%;
	height:100%;
	z-index:9;
	top:0;
	left:0;
	background:#fff;
	opacity:0;
	filter:alpha(opacity:0)
}

/*--------------------- 2-5 - END IMAGES AND EFFECTS --------------------*/
.item-holder .descr,.item-holder1 .descr {
	text-align:center;
	padding:20px
}

.item-holder1 .descr {
	text-align:left
}

.date-comments {
	overflow:hidden;
	display:block;
	cursor:pointer;
	background:#fff;
	margin-right:20px;
	float:left
}

.date-comments div {
	text-align:center;
	line-height:1.3em;
	float:left;
	background:url(../images/date-bg.png) #656565 no-repeat right bottom;
	padding:7px 20px;
	color:#fff
}

.date-comments span {
	line-height:35px;
	display:block;
	float:left;
	padding:5px 13px;
	color:#656565
}

.post-mod {
	overflow-y:hidden;
	padding:10px 0;
	border-bottom:1px #d1d1d1 solid
}

/*--------------------------- 2 - END HOME PAGE STYLES ----------------*/
/*--------------------------- 3 - START ABOUT PAGE STYLES -------------*/
.inner-pages-slider {
	position:relative;
	width:100%;
	height:156px;
	background:url(../images/loading.gif) #f7f7f7 no-repeat 50% 35%
}

.inner-pages-slider div.cont {
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:30;
	height:156px;
	overflow:hidden;
	position:absolute
}

.breadcramp {
	display:inline;
	color:#fff;
	margin-top:35px
}

.breadcramp p {
	line-height:1.6em;
	display:inline-block;
	padding:0 20px;
	font-size:15px;
	font-weight:700;
	margin:0
}

.breadcramp span {
	line-height:2.3em;
	max-width:680px;
	display:block;
	padding:0 20px;
	margin:0
}

.breadcramp a,.breadcramp a:hover {
	color:#fff
}

.inner-pages-slider div.cont .corner {
	width:241px;
	height:156px;
	background:url(../images/corner.png) no-repeat right top
}

.inner-pages-slider div.cont a.hire {
	display:block;
	margin:24px 18px 0 0;
	width:84px;
	height:84px;
	background:url(../images/blue-hire.png) no-repeat
}

.page-nav {
	line-height:1.6em;
	font-size:12px;
	color:#656565
}

.page-nav .prev-pg {
	padding-left:15px;
	background:url(../images/page-nav-arr.gif) no-repeat left center
}

.page-nav .next-pg {
	padding-right:15px;
	background:url(../images/page-nav-arr.gif) no-repeat right center
}

div.team {
	overflow:hidden
}

.team-social {
	position:absolute;
	text-align:center;
	bottom:0;
	width:100%;
	height:48px;
	background:#f7f7f7;
	border-top:1px #e2e2e2 solid
}

/*--------------------------- 3 - END ABOUT PAGE STYLES ---------------*/
/*--------------------------- 4 - START SERVICES PAGE STYLES ----------*/
img.serv-icns {
	margin:5px 15px 3px 0;
	float:left
}

div.testimonials p {
	font-style:italic;
	line-height:1.4em;
	font-size:14px;
	padding-left:30px;
	background:url(../images/quotes.png) no-repeat 0 5px
}

div.testimonials h6 {
	text-align:right;
	margin-bottom:15px
}

/*--------------------------- 4 - END SERVICES PAGE STYLES ------------*/
/*--------------------------- 5 - START PORTFOLIO V1 STYLES -----------*/
ul.tags li {
	line-height:1em;
	display:block;
	float:left;
	border-left:1px #e9e9e9 solid;
	margin:0 8px 10px 0
}

ul.tags li a {
	font-size:12px;
	display:block;
	height:15px;
	padding:6px 20px 6px 16px;
	background:url(../images/tag.png) no-repeat right top
}

ul.tags li a:hover {
	background-position:right bottom
}

ul.portfolio-filter {
	overflow:hidden;
	padding-bottom:20px
}

.portfolio-slider {
	margin:0 0 20px
}

.portfolio-pagn {
	margin-left:20px;
	font-size:10px
}

.portfolio-pagn span {
	margin-right:5px
}

.portfolio-pagn span a {
	color:#b0b0b0
}

/*--------------------------- 5 - END PORTFOLIO V1 STYLES -------------*/
/*--------------------------- 6 - START PORTFOLIO V2 STYLES -----------*/
#works2 {
	overflow:hidden;
	width:960px
}

#works2 .col1-3 {
	padding-bottom:30px
}

#big-showcase {
	display:none
}

#big-showcase ul li,.works2-nav {
	overflow:hidden;
	display:block;
	width:100%
}

#big-showcase .inner-t {
	padding-top:20px
}

.works2-nav {
	height:39px;
	padding-top:20px
}

.works2-close {
	display:inline-block;
	width:39px;
	height:39px;
	background:url(../images/works2nav.png) no-repeat left top
}

.works2-close:hover {
	cursor:pointer;
	background-position:left bottom
}

.works2-next {
	margin-left:-10px
}

/*---------------------- 6 - END PORTFOLIO V2 STYLES ------------------*/
/*---------------------- 7 - START BLOG TENPLATE STYLES ---------------*/
/*--------------------------- 7-1 - START POSTS -----------------------*/
.posts .proj-img img {
	width:680px;
	height:300px
}

.small-posts-wrap {
	width:740px;
	overflow:hidden
}

.small-post .proj-img img {
	width:310px;
	height:140px
}

.posts .col1-12 {
	padding:5px 5px 22px;
	font-size:30px;
	color:#fff;
	cursor:pointer;
	text-align:center;
	line-height:1em
}

.posts .col1-12 span {
	display:block;
	line-height:1em;
	width:100%
}

.posts .col1-12 span.post-date {
	text-transform:uppercase;
	padding-top:2px;
	font-size:14px
}

.posts .col1-12 span.num-comm {
	font-size:12px;
	padding-top:17px;
	color:#202020
}

.post {
	padding-left:80px
}

.posts .col1-12 {
	background:url(../images/bubble.png) #656565 no-repeat center bottom
}

/*--------------------------- 7-1 - END POSTS -------------------------*/
/*--------------------------- 7-2 - START COMMENTS --------------------*/
ul.comments-list li {
	display:block;
	margin-top:25px;
	overflow:hidden
}

ul.comments-list li a.avatar img {
	width:60px;
	height:60px;
	display:block
}

ul.comments-list ul.children-comm {
	padding-left:20px;
	background:url(../images/children.gif) no-repeat left top
}

/*--------------------------- 7-2 - END COMMENTS ----------------------*/
/*--------------------------- 7-3 - START REPLAY FORM -----------------*/
#reply,#contact {
	margin-top:20px
}

#reply label,#contact label {
	float:left;
	display:block;
	line-height:29px;
	width:80px
}

#reply input,#reply textarea,#contact input,#contact textarea {
	color:#656565;
	border:1px #e0e0e0 solid
}

#reply input,#contact input {
	margin-bottom:20px;
	height:27px;
	line-height:27px;
	width:220px;
	padding:0 10px
}

#reply textarea,#contact textarea {
	line-height:1.3em;
	margin-left:80px;
	width:435px;
	min-width:435px;
	max-width:600px;
	height:130px;
	padding:10px
}

#reply div.button,#contact div.button {
	display:inline;
	padding:2px
}

#reply div.button input,#contact div.button input {
	display:inline;
	width:auto;
	outline:0;
	border:1px #c7c7c7 solid;
	padding:0 15px;
	background:url(../images/butt-bg.png) #fff left bottom
}

#reply div.button input:hover,#contact div.button input:hover {
	background-position:left top
}

#reply div.send-wrap,#contact div.send-wrap {
	color:#9F9F9F;
	padding-left:80px;
	width:455px
}

.send-wrap {
	overflow:hidden;
	margin:20px 0 0
}

.send-wrap div {
	margin:0
}

.send-wrap div input {
	display:inline;
	line-height:1.6em;
	margin:0!important
}

/*--------------------------- 7-3 - END REPLAY FORM -------------------*/
.tweet_time a {
	color:#9f9f9f
}

/*--------------------------- 7 - END BLOG PAGE STYLES ----------------*/
/*--------------------------- 8 - START CONTACT PAGE STYLES -----------*/
#map {
	width:680px;
	height:300px
}

#map-side-bar {
	margin-bottom:10px
}

#map-side-bar div.map-location a {
	color:#202020
}

#map-side-bar div.map-location {
	margin-bottom:10px
}

div.contact-info span {
	display:inline-block;
	width:100px
}

/*--------------------------- 8 - END CONTACT PAGE STYLES -------------*/
/*--------------------------- 9 - START FOOTER ------------------------*/
#footer-wrap {
	overflow:hidden;
	position:relative;
	margin-top:40px;
	padding-top:100px
}

#footer-wrap .col1-4 {
	position:relative;
	z-index:1
}

.top-mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:980px;
	height:50px;
	background:url(../images/top-mask.png) no-repeat center top
}

.shine {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:980px;
	height:300px;
	background:url(../images/shine.png) no-repeat center top
}

#footer-wrap .inner-blank {
	width:940px;
	margin:0 auto
}

#footer-wrap h4 {
	overflow:hidden;
	color:#fff!important
}

#footer-wrap h4 img {
	margin-top:5px;
	float:right
}

#footer-wrap a:hover {
	color:#fff
}

#footer-wrap,#footer-wrap a {
	color:#a4a4a4
}

.copyr-top {
	width:100%;
	min-width:980px;
	height:40px;
	background:url(../images/copyrights-top.png) no-repeat 50% 0
}

.copyr-spacer {
	line-height:1.6em;
	width:100%;
	padding:10px 0 14px;
	background:url(../images/copyrights-spacer.png) repeat-y 50% 0
}

.copyr-spacer div.social {
	display:inline;
	width:420px;
	float:right
}

div.social span {
	float:left
}

.copyr-spacer div.social ul {
	display:block;
	float:right
}

.copyr-spacer div.social ul li {
	margin-left:10px;
	display:block;
	float:left
}

.copyr-spacer div.social ul li a {
	display:block
}

.copyr-spacer div.social ul li a:hover {
	opacity:.8;
	filter:alpha(opacity=80)
}

a.totop {
	display:block;
	width:35px;
	height:27px;
	margin:-24px auto 0;
	background:url(../images/totop.png) no-repeat center top
}

/*--------------------------- 9 - END FOOTER --------------------------*/

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------- SHORTCODES -----------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*Headings*/
h1 {
	font-size:30px
}

h2 {
	font-size:22px;
	line-height:1.3em
}

h3 {
	font-size:20px;
	line-height:1.3em
}

h4 {
	font-size:18px;
	margin-bottom:13px
}

h5 {
	font-size:16px;
	margin-bottom:7px
}

h6 {
	font-size:13px;
	font-weight:700;
	margin-bottom:7px
}

.inner .heading,.inner-blank .heading,.sidebar .heading {
	text-align:left;
	margin-bottom:13px;
	background:url(../images/heading-bg.gif) no-repeat right bottom
}

.heading h1,.heading h2,.heading h3,.heading h4,.heading h5 {
	background:#fff;
	display:inline;
	padding-right:15px
}

.inner-blank .heading h1,.inner-blank .heading h2,.inner-blank .heading h3,.inner-blank .heading h4,.inner-blank .heading h5,.sidebar .heading h5 {
	background:#f0f0f0
}

.heading.bg-none {
	background:none
}

/*Images in text (from left and right sides)*/
.img-left {
	float:left;
	margin:10px 20px 10px 0
}

.img-right {
	float:right;
	margin:10px 0 10px 20px
}

/*Two types of the divider here*/
.divider {
	height:1px;
	margin:30px 0 20px;
	clear:both;
	background:url(../images/heading-bg.gif) #fff no-repeat right top
}

.divider-blank {
	clear:both;
	width:100%;
	height:27px
}

/*Lists*/
ul li {
	line-height:1.6em
}

ul.stars li {
	background:url(../images/star.png) no-repeat 0 6px
}

ul.arrows li {
	background:url(../images/arrow.gif) no-repeat 0 9px
}

ul.links li {
	background:url(../images/links.gif) no-repeat 0 6px
}

ul.comments li {
	background:url(../images/small-bubble.png) no-repeat 0 6px
}

ul.stick li {
	background:url(../images/stick.gif) no-repeat 0 9px
}

ul.checkboxes li {
	background:url(../images/checkb.png) no-repeat 0 5px
}

ul li.cont-phone {
	background:url(../images/phone.png) no-repeat 0 5px
}

ul li.cont-email {
	background:url(../images/letter.png) no-repeat 0 4px
}

ul li.cont-adress {
	background:url(../images/home.png) no-repeat 0 5px
}

ul.recent-posts li {
	background:url(../images/pencil.gif) no-repeat 0 5px
}

ul.cat li {
	background:url(../images/li-dot.gif) no-repeat 0 10px
}

ul.tweet_list li {
	background:url(../images/tweet.png) no-repeat 0 5px
}

#footer-wrap ul.tweet_list li {
	background:url(../images/footer-tweet.png) no-repeat 0 5px
}

#footer-wrap ul.stars li {
	background:url(../images/footer-star.png) no-repeat 0 6px
}

#footer-wrap ul.arrows li {
	background:url(../images/footer-arrow.gif) no-repeat 0 9px
}

#footer-wrap ul.links li {
	background:url(../images/footer-links.gif) no-repeat 0 6px
}

#footer-wrap ul.comments li {
	background:url(../images/footer-small-bubble.png) no-repeat 0 6px
}

#footer-wrap ul.stick li {
	background:url(../images/footer-stick.gif) no-repeat 0 9px
}

#footer-wrap ul.checkboxes li {
	background:url(../images/footer-checkb.png) no-repeat 0 5px
}

#footer-wrap ul li.cont-phone {
	background:url(../images/footer-phone.png) no-repeat 0 5px
}

#footer-wrap ul li.cont-email {
	background:url(../images/footer-letter.png) no-repeat 0 4px
}

ul li.cont-adress {
	background:url(../images/footer-home.png) no-repeat 0 5px
}

#footer-wrap ul.recent-posts li {
	background:url(../images/footer-pencil.png) no-repeat 0 5px
}

#footer-wrap ul.cat li {
	background:url(../images/footer-li-dot.gif) no-repeat 0 10px
}

ul li.cont-phone,ul li.cont-email,ul li.cont-adress,ul.recent-posts li,ul.comments li,ul.stick li,ul.cat li,ul.stars li,ul.arrows li,ul.links li,ul.checkboxes li,ul.tweet_list li {
	padding-left:20px;
	margin-bottom:7px
}

/*Accordion*/
ul.accordion {
	list-style-type:none;
	width:100%
}

ul.accordion ul {
	padding:10px 20px
}

ul.accordion.works1 li ul {
	overflow:hidden;
	padding:20px 0
}

ul.accordion a.title {
	display:block
}

ul.accordion li {
	margin-top:1px
}

ul.accordion li a.title {
	background:url(../images/accordion-bg.png) #fff repeat-x left bottom;
	color:#202020;
	display:block;
	position:relative;
	border:1px #e3e3e3 solid;
	padding:5px 50px 5px 20px
}

ul.accordion li a.title:hover {
	color:#fff
}

ul.accordion li a.title span.acc-arr {
	background:url(../images/acc-arrows.png) no-repeat left top;
	position:absolute;
	width:22px;
	height:22px;
	right:12px;
	top:50%;
	margin-top:-11px
}

ul.accordion li a.title.tab-active span.acc-arr {
	background:url(../images/acc-arrows.png) no-repeat right top
}

/*Tabs*/
.tabs {
	line-height:1.6em
}

.tabs ul.tabs-nav {
	list-style:none outside none;
	margin:0 0 0 1px;
	border-bottom:1px #d1d1d1 solid;
	padding:0
}

.tabs ul.tabs-nav li {
	float:left;
	margin:0 2px 0 0;
	position:relative;
	z-index:10
}

.tabs ul.tabs-nav li a {
	-moz-border-bottom-colors:none;
	-moz-border-image:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	background:none repeat scroll 0 0 #f8f8f8;
	border-color:#e9e9e9;
	border-radius:3px 3px 0 0;
	border-style:solid solid none;
	border-width:1px;
	display:block;
	overflow:hidden;
	padding:5px 15px
}

.tabs ul.tabs-nav li.ui-tabs-selected a,.tabs ul.tabs-nav a:hover {
	background:none repeat scroll 0 0 #FFF;
	color:#202020
}

.tabs .tab {
	padding:15px 0
}

.tabs .ui-tabs-hide {
	left:-10000px;
	position:absolute
}

/*Alerts*/
.alertBox-warning,.alertBox-success,.alertBox-alert {
	background:url(../images/warning.png) #ffecc3 no-repeat right 9px;
	padding:12px 15px;
	color:#202020!important;
	border:1px solid #e3cea0;
	display:block;
	margin-bottom:25px;
	clear:both
}

.alertBox-success {
	background:url(../images/sucsess.png) #d0ffc3 no-repeat right 9px;
	border-color:#afe6a0
}

.alertBox-alert {
	background:url(../images/error.png) #ffdcdc no-repeat right 9px;
	border-color:#f0bbbb
}

.alertBox-success div,.alertBox-warning div,.alertBox-alert div {
	-moz-border-bottom-colors:none!important;
	-moz-border-image:none!important;
	-moz-border-left-colors:none!important;
	-moz-border-right-colors:none!important;
	-moz-border-top-colors:none!important;
	border-radius:4px 4px 4px 4px;
	border-style:solid!important;
	padding:10px;
	clear:both
}

/*Bolckquotes*/
blockquote.blockquote-left {
	border-right:1px solid #d1d1d1;
	font-size:14px;
	width:150px;
	line-height:1.4em;
	float:left;
	font-style:italic;
	color:#202020;
	padding-right:20px;
	margin:10px 20px 10px 0
}

blockquote.blockquote-right {
	border-left:1px solid #d1d1d1;
	font-size:14px;
	width:150px;
	line-height:1.4em;
	float:right;
	font-style:italic;
	color:#202020;
	padding-left:20px;
	margin:10px 0 10px 20px
}

#list {
	margin:0;
	display:none;
	padding:12px 45px 12px 15px;
	background:url(../images/sucsess.png) #d0ffc3 no-repeat right 50%;
	border:1px solid #afe6a0;
	margin-top:25px;
	line-height:1em;
	clear:both
}